* {
	margin: 0px; padding: 0px;
}
#header {
	width: 100%;
}

body {
	font-family: "Microsoft yahei",arial, Simsun, sans-serif; background-color: rgb(255, 255, 255);
}

.sr_w{position:relative;width:1200px;margin:0 auto;}

.sr_space{margin-bottom:80px;}

.sr_center{text-align:center;}

.sr_color_3{color:#333;}

.sr_color_9{color:#999;}
.sr_accordion{width:1200px;
	height:300px;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;}

.sr_accordion li{
	position:relative;
	width:200px;
	height:300px;
	overflow:hidden;
}

.sr_accordion li img{width:auto;
	max-width:none;
	position:absolute;top:0;right:-64px;}
.sr_accordion li.active{width:400px;
	-webkit-font-smoothing:antialiased;}
.sr_accordion li.active img{position:relative;
	left:0;right:0;}
.sr_accordion li.active .info{color:#333;}
.sr_accordion *{-webkit-transition:all ease .4s;
	-moz-transition:all ease .4s;
	-ms-transition:all ease .4s;
	transition:all ease .4s}
.sr_accordion .info{position:absolute;
	right:10px;
	bottom:10px;
	font-size:18px;
	color:#fff;z-index:2}
.sr_accordion li .mask{position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);z-index:1}
.sr_accordion li.active .mask{opacity:0}
.sr_accordion li:hover .info{color:#333}
.sr_accordion li:hover .mask{opacity:0}
.sr_accordion li:hover img{
	position:relative;left:0;right:0; }
.sr_mb_20{
	margin-bottom:20px;
}




